html{overflow-x: clip;}

 body{ color: white;
  overflow-x: clip;}

header
{background-image:url(image/25\ ROGNER.jpg);
  background-size: cover;
  background-position: 50%;
    background-repeat: no-repeat;
    position: sticky;
    margin-left: 4PX;
    margin-top: 
    10px;
    height: 490px;
max-width: 100%;}


.logo
{ height: 150px;
  width: 150px;
border-radius: 100% ;
   border-style:double;
    border-color:white;
     border-width: 7PX;
position: absolute;
margin-top:-70PX ;
 margin-left: 10PX;
z-index: 2;}

.navbar-brand {color:gold;
    font-size:44px;
    font-family:Indie Flower;
    font-weight: 600;
margin-top: 0px;}

.navbar-nav > li > a
{font-size:18px;
   font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
    text-align: center;
    margin-left: 0%;
    color:grey;}

    .navbar-toggler{color: lightblue;
    width: 60PX;}
    .navbar-toggler-icon{color:gold;}



.titreflex{

  text-align: center;  
padding: 60px;
margin-left:80px;}

.titreflex h1
{color:white;
  font-family: "Poppins", sans-serif;
  font-weight:700;
  font-style: normal;
font-size:34px;
  margin-top: 170px; 
  margin-left: 0%;
  text-align: center; 
     }


.adresse h1
{color:white;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
    font-size: 18PX;
    text-align: center;
    margin-top: -30PX;
    margin-left: 8%;

}


.titrepage h1{color:rgb(179, 180, 146);
    text-align: center;
     font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
    font-size: 46px;
   margin-top:50px
}
.question1
{display: flex;

flex-direction: column;
width: 80%;
background-color:rgb(148, 147, 147);
margin-left: 10%;
margin-top: 5%;
border: solid 6PX;
border-style: double;
border-radius: 50PX;
}
.question1 h2{color: white;
  padding-top: -2%;
 font-size:26PX;
    font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
  margin-left: 25%;
  margin-top: 40PX;
  padding-left: 20PX;
}
.question1 p{color:white;
font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
  text-align: center;
  margin-left: 3%;
  margin-top: 20px;
  padding-right: 2%;
}

iframe{display: block;
    margin: auto;}

iframe{margin-top: 100px;}

.question2
{display: flex;
flex-direction: column;
width: 85%;
}
.question2 h2{width: 70%;
    color:rgb(179, 180, 146);
 font-size:26PX;
    font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
  margin-left: 36%;
  margin-top: 50PX;
}
.question2 p{color: rgb(72, 71, 71);
font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
  text-align: center;
  margin-left: 20%;
  margin-top: 20px;
}
.video{margin-left: 3%;}

.question3
{display: flex;
padding-bottom: 1%;
flex-direction: column;
width: 80%;
margin-left: 12%;
background-color: rgb(148, 147, 147);
margin-top: 20PX;
border: solid 5PX;
border-radius: 50PX;
border-style: double;
}
.question3 h2{width: 70%;
    color: white;
 font-size:26PX;
    font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
  margin-left: 14%;
  margin-top: 30PX;
  text-align: center;
}

.question3 p
{color:white;
font-family:"Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
  text-align: center;
  margin-left: 0%;
  margin-top: 20px;
  text-align: center;
}



.question4
{display: flex;
flex-direction: column;
width: 80%;
margin-left: 14%; 
}

.question4 h2{width: 80%;
    color:rgb(179, 180, 146);
 font-size:26PX;
    font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
  margin-left: 10%;
  margin-top: 50PX;
  text-align: center;
}

.question4 p{color:rgb(72, 71, 71);
font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
  text-align: center;
  margin-left: -7%;
  margin-top: 20px;
}

.rdv
{background-color: rgb(181, 182, 153);
    border: none;
    border-radius: 25px ;
    color: aliceblue;
    height: 30PX;
    width: 125PX;
position: absolute;
margin-top: 10PX;
margin-left: 47%;}

 .footer
{height: 225PX;
   background: #959e9b;
background: radial-gradient(circle, rgba(149, 158, 155, 1) 1%, rgba(150, 158, 154, 1) 50%, rgba(184, 182, 182, 1) 100%);
    margin-top: 200px; }

                       
                


.foot
{text-align: center;
color:white;
padding:40PX;
border: 5px;
border-style: dotted;
width: 100%;}

.mention{position: absolute;
    color:white;
  margin-left: 45%;
margin-top: 9PX;
list-style: none;}

 .politique{position: absolute;
    color: white;
    margin-left: 52%;
    margin-top: -20PX;
    list-style: none;
  }
.légales{margin-top: -50PX;}



@media screen and (min-width: 300px) and (max-width: 650px){

header
{background-image:url(image/25\ ROGNER.jpg);
  background-size: 100%;
    background-repeat: no-repeat;
    position: sticky;
    margin-left: 4PX;
    margin-top: 
    -30px;
    height: 450px;
max-width: 100%;}

.logo
{ height: 100px;
  width: 100px;
border-radius: 100% ;
   border-style:double;
    border-color:white;
     border-width: 7PX;
position: absolute;
margin-top:-30PX ;
 margin-left: 10PX;
z-index: 2;}

.navbar-nav > li > a
{font-size:14px;
   font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
    text-align: center;
    margin-left: 10%;
    color:grey;}

    .navbar-nav{flex-direction: column-reverse;
margin-top: -60PX;}

    .navbar-toggler{color: lightblue;
    width: 60PX;
  margin-top: 25PX;}
    .navbar-toggler-icon{color:gold;}



.titreflex h1
{color:white;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 14px;
    padding-top: -65px;
    margin-top: 90Px;
    margin-left:-70px;
    text-align: center;
     }

.adresse h1
{color:whitesmoke;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
    font-size: 12PX;
    margin-top: -40PX;
    margin-left: 20px;
    text-align: center;

}



.titrepage H1{margin-left: 4%;
     font-size:36PX;
    font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style: normal;
  margin-top: -80px;
}
.question1
{display: flex;
flex-direction: column;
width: 85%;
margin-top: 60PX;
margin-left: 28PX;
}
.question1 h2{color: white;
 font-size:19PX;
    font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
  margin-left: -3%;
  margin-top: 30PX;
  text-align: center;
}
.question1 p{color:white;
font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
  text-align: center;
  margin-left: 10%;
  margin-top: 20px;
}
p.textequestion1{padding-right: 8%;}

.question2
{display: flex;
flex-direction: column;
width: 90%;
}
.question2 h2{width: 80%;

 font-size:20PX;
    font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
  margin-left: 15%;
  margin-top: 50PX;
  text-align: center;
}
.question2 p{
font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
  text-align: center;
  margin-left: 12%;
  margin-top: 20px;
}
.video{margin-left: 2%;
  margin-top: 10px;
}

iframe{width:90%;}

.question3
{display: flex;
flex-direction: column;
width: 85%;
margin-left: 8%;

}
.question3 h2{width: 90%;
    color: white;
 font-size:20PX;
    font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
  margin-left: 5%;
  margin-top: 30PX;
  text-align: center;
}


.question3 p{color:white;
font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
  text-align: center;
  margin-left: 2%;
  margin-top: 10px;
}
.question4{display: flex;
flex-direction: column;}

.question4 h2{width: 90%;
  height: 80%;
 font-size:20PX;
    font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
  margin-left: 2%;
  margin-top: 32PX;
  text-align: center;
}
.rdv{margin-left: 34%;
position: absolute;
  margin-top:10%;
height: 40PX;}



.footer
{height: 200PX;
    background-color:rgb(148, 145, 145);
    margin-top: 210px; }

                       
                


.foot
{text-align: center;
color:white;
padding:40PX;
border: 5px;
border-style: dotted;}

.mention{position: absolute;
    color: white;
  margin-left: 36%;
margin-top: 20PX;}

 .politique{position: absolute;
    color: white;
    margin-left: 45%;
    margin-top: -4PX;
  }

}
 @media screen and (min-width: 651px) and (max-width: 1023px){
.question1 h2{color: white;
  padding-top: -2%;
 font-size:26PX;
    font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
  margin-left: 1%;
  margin-top: 40PX;
  padding-left: 20PX;
  text-align: center;
}
.question2 h2{width: 70%;
    color:rgb(179, 180, 146);
 font-size:26PX;
    font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
  margin-left: 24%;
  margin-top: 50PX;
  text-align: center;
}
.question3 p
{color:white;
font-family:"Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
  
  margin-left: 7%;
  margin-top: 20px;
   width: 85%;
   text-align: center;
}
button.rdv{
  margin-top: 340PX;
  margin-left: -260PX;
}

}
  

   @media screen and (min-width: 1300PX){

    .titrepage{color:rgb(148, 145, 145) ;
    margin-left: 90PX;}
    
    button.rdv{margin-left: 18%;
    background-color:rgb(181, 182, 153);

    }

    .question1{width:1200px;
    margin-left: 20%;
    padding-bottom: 1%;
  border-radius: 50PX;
border: solid 5px;
border-color: aliceblue;
border-style: double;
}
.textequestion1{margin-right: 8%;}
.question1 h2{margin-top:1%;}
    
.question2 h2{color:rgb(148, 145, 145);
margin-left: 45%;}

.question3{padding-bottom: 1%;
  border-radius: 50PX;
border: solid 5px;
border-color: aliceblue;
border-style: double;}

h3.foot{margin-left: 0%;}

}


   @media only screen 
  and (min-device-width: 1440px) 
  and (max-device-width: 1440px) 
  and (min-device-height: 900px) 
  and (max-device-height: 900px) 
  and (-webkit-min-device-pixel-ratio: 2) {
     body{ color: white;
  overflow-x: clip;}
  header
{background-image:url(image/25\ ROGNER.jpg);
  background-size: cover;
    background-repeat: no-repeat;
  
    position: sticky;
    margin-left: 4PX;
    margin-top: 
    0px;
    height: 480px;
max-width: 100%;}


.logo
{ height: 150px;
  width: 150px;
border-radius: 100% ;
   border-style:double;
    border-color:white;
     border-width: 7PX;
position: absolute;
margin-top:-70PX ;
 margin-left: 10PX;
z-index: 2;}


.navbar-brand {color:gold;
    font-size:44px;
    font-family:Indie Flower;
    font-weight: 600;
margin-top: 0px;}

.navbar-nav > li > a
{font-size:18px;
   font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
    text-align: center;
    margin-left: -10%;
    color:grey;}

    .navbar-toggler{color: lightblue;
    width: 60PX;}
    .navbar-toggler-icon{color:gold;}

    .titreflex h1{ color:white;
text-align: center;
font-size: 35px;
margin-top: 50px;
font-weight: 700;
margin-left: 2%;}


.question1
{display: flex;

flex-direction: column;
width: 70%;
background-color:rgb(148, 147, 147);
margin-left: 18%;
margin-top: 5%;
border: solid 6PX;
border-style: double;
border-radius: 50PX;
}
.question1 h2{color: white;
  padding-top: -2%;
 font-size:26PX;
    font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
  margin-left: 25%;
  margin-top: 40PX;
  padding-left: 20PX;
}
.question1 p{color:white;
font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
  text-align: center;
  margin-left: 8%;
  margin-top: 20px;
  padding-right: 2%;
}

iframe{display: block;
    margin-left: 30%;}

iframe{margin-top: 100px;}

.question2
{display: flex;
flex-direction: column;
width: 85%;
}
.question2 h2{width: 70%;
    color:rgb(179, 180, 146);
 font-size:26PX;
    font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
  margin-left: 42%;
  margin-top: 50PX;
}
.question2 p{color: rgb(72, 71, 71);
font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
  text-align: center;
  margin-left: 24%;
  margin-top: 20px;
}
.video{margin-left: 3%;}

.question3
{display: flex;
padding-bottom: 1%;
padding-right: 2%;
padding-left: 2%;
flex-direction: column;
width: 70%;
margin-left: 18%;
background-color: rgb(148, 147, 147);
margin-top: 20PX;
border: solid 5PX;
border-radius: 50PX;
border-style: double;
}
.question3 h2{width: 70%;
    color: white;
 font-size:26PX;
    font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
  margin-left: 14%;
  margin-top: 30PX;
  text-align: center;
}

.question3 p
{color:white;
font-family:"Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
  text-align: center;
  margin-left: 0%;
  margin-top: 20px;
  text-align: center;
}

.question4
{display: flex;
flex-direction: column;
width: 70%;
margin-left: 22%; 
}

.question4 h2{width: 80%;
    color:rgb(179, 180, 146);
 font-size:26PX;
    font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
  margin-left: 7%;
  margin-top: 50PX;
  text-align: center;
}

.question4 p{color:rgb(72, 71, 71);
font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
  text-align: center;
  margin-left: -7%;
  margin-top: 20px;
}
button.rdv
{background-color:rgb(181, 182, 153);
    border: none;
    border-radius: 25px ;
    color: aliceblue;
    height: 30PX;
    width: 125PX;
position: absolute;
margin-top: 50PX;
margin-left: 50%;}
h3.foot{padding-left: 170PX;}

  }